<template>
  <v-container>
    <div class="to-middle">
      <v-layout row wrap align-center>
        <v-spacer></v-spacer>
        <v-spacer></v-spacer>
        <v-spacer></v-spacer>
        <v-spacer></v-spacer>
        <v-spacer></v-spacer>
        <v-flex sm3 align-baseline>
          <v-layout row wrap>
            <v-flex sm6>
              <v-label>设置收费标准:</v-label>
              <v-divider></v-divider>
              <v-text-field v-model="fee" solo dense height="10"></v-text-field>
            </v-flex>&emsp;
            <v-flex sm3>
              <p style="margin-top: 90%;">元/小时</p>
            </v-flex>
          </v-layout>
        </v-flex>&emsp;
        <v-flex sm2>
          <v-btn color="primary" @click="setParkingFee(fee)" large>设置</v-btn>
        </v-flex>
        <v-spacer></v-spacer>
        <v-spacer></v-spacer>
        <v-spacer></v-spacer>
        <v-spacer></v-spacer>
        <v-spacer></v-spacer>
      </v-layout>
    </div>
  </v-container>
</template>

<script>
export default {
  data: () => ({
    fee: ""
  }),
  methods: {
    setParkingFee(fee) {}
  }
};
</script>

<style>
.to-middle {
  height: 100px;
  width: 100%;
  padding-top: 100px;
}
</style>




